.header {
  height: 0.88rem;
  display: flex;
  line-height: 0.88rem;
  justify-content: space-between;
}
.header h1 img {
  width: 1.47rem;
  height: 0.33rem;
}
.header .search {
  width: 3.05rem;
  height: 0.4rem;
  border: none;
  margin-top: 0.24rem;
  background-color: #eeeeee;
  text-align: center;
  font-size: 0.18rem;
  border-radius: 0.05rem;
}
.header a span {
  display: inline-block;
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  margin-left: 0.1rem;
  background-color: #333333;
}
.nav {
  height: 0.77rem;
  line-height: 0.77rem;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.nav .wrap ul {
  width: 8rem;
  display: flex;
}
.nav .wrap ul li {
  margin: 0 0.2rem;
}
.nav .wrap ul li a {
  font-size: 0.28rem;
}
.nav .wrap ul li:first-child a {
  color: #ff0652;
}
.nav .arrow {
  position: absolute;
  top: 0;
  right: -0.1rem;
  width: 0.4rem;
  height: 0.29rem;
  padding: 0.05rem 0.08rem;
  background-color: #fff;
  text-align: center;
}
.nav .arrow img {
  width: 0.35rem;
  height: 0.21rem;
}
.banner {
  height: 2.91rem;
  width: 7.5rem;
  position: relative;
}
.banner img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.m-list {
  height: 1.8rem;
}
.m-list ul {
  margin: 0 0.2rem;
  height: 1.8rem;
  display: flex;
  justify-content: space-between;
}
.m-list ul li {
  width: 1.14rem;
  height: 1.24rem;
  margin-top: 0.1rem;
  text-align: center;
}
.m-list ul li p {
  margin-top: 0.18rem;
  color: #c1c1c1;
  font-size: 0.28rem;
}
.m-list ul li a {
  display: inline-block;
  width: 0.64rem;
  height: 0.62rem;
}
.m-list ul li a img {
  width: 100%;
  height: 100%;
}
.hr {
  border: none;
  height: 0.3rem;
  margin: 0;
  background-color: #f1f1f1;
}
.floor1 {
  height: 3.8rem;
  width: 7.1rem;
  background-color: #f1f1f1;
  display: flex;
  justify-content: space-between;
}
.floor1 h2 {
  margin-left: 0.18rem;
  font-size: 0.3rem;
  margin-top: 0.16rem;
}
.floor1 h2 a {
  color: #ff0652;
}
.floor1 p {
  margin-left: 0.18rem;
  font-size: 0.4rem;
  color: #747474;
  line-height: 0.3rem;
  width: 5rem;
  -webkit-transform-origin-x: 0;
  transform: scale(0.5);
}
.floor1 .floor1-left {
  width: 3.57rem;
  position: relative;
  background-color: #fff;
}
.floor1 .floor1-left h2 {
  font-size: 0.3rem;
  margin-top: 0.16rem;
  margin-left: 0;
}
.floor1 .floor1-left h2 a {
  color: #ff0652;
}
.floor1 .floor1-left h2 a img {
  vertical-align: middle;
  width: 0.33rem;
  height: 0.31rem;
}
.floor1 .floor1-left p {
  margin-left: 0;
}
.floor1 .floor1-left .time {
  margin-top: 0.08rem;
  width: 2.85rem;
  height: 0.46rem;
  background: url("../images/index_/bg.jpg") no-repeat 1.89rem 0.03rem;
  background-size: 0.96rem 0.4rem;
  line-height: 0.46rem;
  text-align: center;
}
.floor1 .floor1-left .time span {
  display: inline-block;
  width: 0.46rem;
  height: 0.46rem;
  background-color: #27272f;
  color: #fff;
  text-align: center;
  border-radius: 0.05rem;
  vertical-align: top;
}
.floor1 .floor1-left .time i {
  display: inline-block;
  width: 0.16rem;
  text-align: center;
  vertical-align: top;
}
.floor1 .floor1-left .time a {
  font-size: 0.24rem;
}
.floor1 .floor1-left .pic {
  margin: 0.25rem 0.36rem;
}
.floor1 .floor1-left .pic img {
  width: 2.36rem;
  height: 2rem;
}
.floor1 .floor1-left .price {
  width: 0.84rem;
  height: 0.84rem;
  border-radius: 50%;
  background-color: #ff3179;
  color: #fff;
  position: absolute;
  right: 0.3rem;
  bottom: 0.3rem;
  text-align: center;
  line-height: 0.84rem;
  font-size: 0.23rem;
}
.floor1 .floor1-left .price span {
  font-size: 0.16rem;
}
.floor1 .floor1-right {
  width: 3.52rem;
  display: flex;
  flex-direction: column;
  align-content: space-between;
}
.floor1 .floor1-right .top {
  height: 1.88rem;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}
.floor1 .floor1-right .top .top-left {
  width: 1.86rem;
  background: url("../images/index_/brand.jpg") no-repeat 0.22rem 1rem;
  background-size: 0.93rem 0.32rem;
}
.floor1 .floor1-right .top .top-left h2 span {
  display: inline-block;
  width: 0.33rem;
  height: 0.25rem;
  font-size: 0.18rem;
  background-color: #fc2952;
  color: #fff;
  text-align: center;
  line-height: 0.25rem;
}
.floor1 .floor1-right .top .top-right {
  width: 1.66rem;
  text-align: center;
  line-height: 1.88rem;
}
.floor1 .floor1-right .top .top-right img {
  width: 1.28rem;
  height: 1.78rem;
}
.floor1 .floor1-right .bottom {
  height: 1.91rem;
  display: flex;
  justify-content: space-between;
}
.floor1 .floor1-right .bottom .bottom-left {
  width: 1.86rem;
  background-color: #fff;
}
.floor1 .floor1-right .bottom .bottom-left div {
  text-align: center;
}
.floor1 .floor1-right .bottom .bottom-left div img {
  width: 0.64rem;
  height: 1.02rem;
}
.floor1 .floor1-right .bottom .bottom-right {
  width: 1.65rem;
  background-color: #fff;
}
.floor1 .floor1-right .bottom .bottom-right div {
  text-align: center;
}
.floor1 .floor1-right .bottom .bottom-right div img {
  width: 1.04rem;
  height: 0.88rem;
}
.floor2 {
  height: 1.87rem;
}
.floor2 img {
  width: 7.5rem;
  height: 1.87rem;
}
.floor3 .floor3-header {
  height: 0.7rem;
  line-height: 0.7rem;
  margin: 0.2rem 0;
}
.floor3 .floor3-header ul {
  width: 7.1rem;
  height: 0.7rem;
  display: flex;
  justify-content: space-around;
}
.floor3 .floor3-header ul li {
  width: 1.7625rem;
  height: 0.7rem;
  text-align: center;
  border: 0.01rem solid #eeeeee;
  border-left: none;
  font-size: 0.28rem;
  font-weight: bold;
}
.floor3 .floor3-header ul li:first-child {
  background-color: #f26b11;
  border-left: 0.01rem solid #eeeeee;
}
.floor3 .floor3-header ul li:first-child a {
  color: #fff;
}
.floor3 .floor3-main {
  width: 7.1rem;
  height: 9.68rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.floor3 .floor3-main .left {
  width: 3rem;
}
.floor3 .floor3-main .left a {
  display: inline-block;
  width: 2.16rem;
  height: 2.2rem;
  margin-top: 0.5rem;
  margin-left: 0.38rem;
}
.floor3 .floor3-main .left a img {
  width: 100%;
  height: 100%;
}
.floor3 .floor3-main .right {
  width: 4.1rem;
  line-height: 0.52rem;
}
.floor3 .floor3-main .right .p1 {
  font-size: 0.28rem;
  margin-top: 0.4rem;
}
.floor3 .floor3-main .right .p2 {
  font-size: 0.25rem;
  color: #ff0652;
}
.floor3 .floor3-main .right .p2 span {
  font-size: 0.2rem;
}
.floor3 .floor3-main .right .p3 {
  font-size: 0.24rem;
  color: #9c9c9c;
}
.floor3 .floor3-main .right .p4 a {
  font-size: 0.24rem;
  display: block;
  width: 1.64rem;
  height: 0.52rem;
  background-color: #f26b11;
  color: #fff;
  text-align: center;
  border-radius: 0.05rem;
}
.floor3 .floor3-main .top {
  height: 3rem;
  width: 100%;
  display: flex;
}
.floor3 .floor3-main .center {
  height: 3rem;
  width: 100%;
  display: flex;
}
.floor3 .floor3-main .bottom {
  height: 3rem;
  width: 100%;
  display: flex;
}
.blank {
  height: 1.2rem;
}
.footer {
  width: 7.5rem;
  height: 1.2rem;
  position: fixed;
  left: calc((100% - 7.5rem) / 2);
  bottom: 0;
  background-color: #fff;
  margin-top: 0.2rem;
  display: flex;
  justify-content: space-between;
  border-top: 0.01rem solid #ebebeb;
}
.footer p {
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #858585;
}
.footer .left {
  width: 1.1rem;
  height: 1.2rem;
  text-align: center;
}
.footer .left p {
  color: #f26b11;
}
.footer .left a {
  margin-top: 0.24rem;
  display: inline-block;
  width: 0.51rem;
  height: 0.51rem;
}
.footer .left a img {
  width: 100%;
  height: 100%;
}
.footer .center {
  width: 1.1rem;
  height: 1.2rem;
  text-align: center;
}
.footer .center a {
  margin-top: 0.24rem;
  display: inline-block;
  width: 0.57rem;
  height: 0.52rem;
}
.footer .center a img {
  width: 100%;
  height: 100%;
}
.footer .right {
  width: 1.1rem;
  height: 1.2rem;
  text-align: center;
}
.footer .right a {
  margin-top: 0.24rem;
  display: inline-block;
  width: 0.51rem;
  height: 0.59rem;
}
.footer .right a img {
  width: 100%;
  height: 100%;
}
